<template>
  <div class="max">
    <h2>这里是消息标题</h2>
    <p class="date">2019/06/17</p>
    <div class="js">
      <p class="kh">尊敬的客户:</p>
      <p class="jj">这里是消息内容这里是消息内容这里是消息内容这里是消息内容这里是消息内容这里是消息内容这里是消息内容这里是消息内容这里是消息内容这里是消息内容这里是消息内容</p>
    </div>
    <div class="kk"></div>
    <p class="footer">汇方圆感谢您一如既往的支持与信赖！</p>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  components: {},

  methods: {},

  created() {
    // let app = getApp()
  }
};
</script>
    <style>
.max {
  display: flex;
  flex-direction: column;
}

h2 {
  font-size: 20px;
  font-family: "Source Han Sans CN";
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  margin: 20px 0 18px 12px;
}

.date {
  font-size: 11px;
  font-family: "Source Han Sans CN";
  font-weight: 400;
  color: rgba(137, 137, 137, 1);
  margin-left: 12px;
}

.kh {
  font-size: 16px;
  margin-bottom: 15px;
}

.js {
  width: 342px;
  height: 134px;
  margin: 31px 0 17px 12px;
}

.jj {
  font-size: 12px;
  line-height: 30px;
}

.kk {
  width: 340px;
  height: 162px;
  background: rgba(224, 224, 224, 1);
  margin: 20px 0 17px 12px;
}

.footer {
  font-size: 14px;
  font-family: "Source Han Sans CN";
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 30px;
  margin-left: 12px;
}
</style>